/**
* 查看手册程序
 */
<template>
    <div class="p10">
        <el-tabs type="border-card" >
            <el-tab-pane :label="$t('tabs.basicInfo')">
                <template #label><vp-label zh="基本信息" en="Basic Info"/></template>
                <!-- <TrainingRecord :id="id"  type="view"  ref="courseRef" @formSubmited="getData" ></TrainingRecord> -->
            </el-tab-pane>
            <el-tab-pane :label="$t('tabs.operationRecord')">
                <template #label><vp-label zh="操作记录" en="Operation Record"/></template>
                <VpOperationRecordCard :id="id" ref="rcListRef"></VpOperationRecordCard>
            </el-tab-pane>
        </el-tabs>
        <StatusBar :id="formData.id" :status="formData.zt" :isValid="1" />
    </div>
</template>

<script lang="ts" setup name="viewQualityManual">
import { defineAsyncComponent, defineExpose, getCurrentInstance, ref } from 'vue';
import VpOperationRecordCard from '/@/components/vp/operationRecord/VpOperationRecordCard.vue';
import StatusBar from '/@/components/vp/status/StatusBar.vue';

// const TrainingRecord = defineAsyncComponent(() => import('./TrainingRecord.vue'));

const emits = defineEmits<{
    (e: 'formSubmited'): void
}>();

const props= defineProps<{ 
    id: String,
}>();

const courseRef = ref();
const formData = ref({
      id:"",
      zid:"",
  });

  const getData = (data: any) => {
      formData.value = data;
    };

defineExpose({
})
</script>
<style scoped lang="scss">

</style>
